﻿/* Main board */
div.sprello-board-container
{
    float: left;
    /*border: 1px solid silver;*/
    width: 100%;
}
        
/* List */
div.sprello-list
{
    padding: 10px;
    float: left;
}
        
div.sprello-board-chrome
{
    border: 1px solid #bbbbbb;
    background: #eeeeee;
    width: 100%;
}
        
div.sprello-board-inner
{
    margin: 5px 10px 5px 10px;
}
        
/* List title */
div.sprello-board-title
{
    font-weight: bold;
    border-bottom: 1px solid silver;
    padding-bottom: 3px;
    margin-bottom: 10px;
    /*text-align: center;*/
}
        
div.sprello-board-contents
{
}
        
/* Card 
   IE won't implement box shadows and rounded corners.
*/
div.sprello-card
{
    color:Black;
    padding: 15px;
    background: LightSteelBlue;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    cursor: pointer;
}
        
div.sprello-card a, div.sprello-card a:visited
{
    color:Black;
}
 
div.sprello-title
{
    font-weight:bold;
    margin-bottom:3px;
}
 
div.sprello-detail
{
    border-top:1px solid grey;
    margin-top:3px;
    padding-top:3px;
}
        
ul.listSortable
{
    list-style-type: none;
    padding-left: 0px;
    min-height: 5px; /* Otherwise can't drop on empty list? */
}

div.sprello-toolbar
{
    background : #d6e8ff url(/_layouts/images/toolgrad.gif) repeat-x;
    padding:5px;
}